<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<style>
   div{
       width: 300px;
      
       background-color: hotpink;
       background-image: url(img/cat.gif);/* 背景图片 */
       background-repeat: no-repeat; /* 平铺方式 */
       background-position: 0px,100px; /* 起始位置 */
       background-attachment: fixed; /* 背景图片位置固定不变 */
   }
</style>

<body>
    <div>
        <h1>拉勾网</h1>
        <h1>拉勾网</h1>
        <h1>拉勾网</h1>
        <h1>拉勾网</h1>
        <h1>拉勾网</h1>
        <h1>拉勾网</h1>
        <h1>拉勾网</h1>
        <h1>拉勾网</h1>
        <h1>拉勾网</h1>
        <h1>拉勾网</h1>
        <h1>拉勾网</h1>
        <h1>拉勾网</h1>
        <h1>拉勾网</h1>
        <h1>拉勾网</h1>
        <h1>拉勾网</h1>
        <h1>拉勾网</h1>
        <h1>拉勾网</h1>
        <h1>拉勾网</h1>
        <h1>拉勾网</h1>
        <h1>拉勾网</h1>
    </div>
</body>
</html>